<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>运动会报名</title>
  <style>
    form {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
    }
    label {
      display: block;
      margin-top: 10px;
    }
  </style>
</head>
<body>
<h1>运动会报名</h1>
<form>
  <label>
    <input type="checkbox" name="events" value="100米赛跑"> 100米赛跑
  </label>
  <label>
    <input type="checkbox" name="events" value="跳远"> 跳远
  </label>
  <label>
    <input type="checkbox" name="events" value="铅球"> 铅球
  </label>
  <label>
    <input type="checkbox" name="events" value="400米接力"> 400米接力
  </label>
  <label>
    <input type="checkbox" name="events" value="跳高"> 跳高
  </label>
  <button type="submit">提交报名</button>
</form>
</body>
</html>
